<template>
	<view class="page">
		<!-- search -->
		<view class=""
			style="display: flex;flex-direction: row;align-items: center;padding: 12px;background-color: #FFFFFF;justify-content: space-between;">
			<view class="" @click="popBack()" style="flex: 1;">
				<text class="iconfont icon-arrow-left" style="font-size: 16px;font-weight: bold;"></text>
				<text style="font-size: 16px;">课程详情</text>
			</view>
			<view style="
				display: flex;align-items: center;
				padding: 5px 12px;border-style: solid;border-width: 1px;border-color: #007AFF;border-radius: 4px;">
				<text style="text-align: center;font-size: 14px;color: #007AFF;display: block;">课程大纲更新提醒</text>
			</view>
		</view>

		<!-- list -->
		<view class="" style="flex: 1;overflow-y: auto;">
			<!-- title -->
			<view style="padding: 12px;background-color: #FFFFFF;">
				<text style="font-size: 16px;font-weight: bold;">四川大学安达健康和打卡好看的贺卡好的哈返回安徽省点卡货架上的痕迹卡号的</text>
				<view style="display: flex;margin-top: 12px;">
					<view style="
						display: flex;align-items: center; background-color: #ffffff;
						padding: 3px 10px;border-style: solid;border-width: 1px;border-color: #ff0000;">
						<text style="text-align: center;font-size: 12px;color: #FF0000;display: block;">待报名</text>
					</view>
				</view>
			</view>
			<!-- line -->
			<view style="height: 12px;background-color: #F1F1F1;" />
			<!-- 基本信息 -->
			<view style="padding: 12px;background-color: #FFFFFF">
				<form-title :title="detailModel.baseInfo.title"></form-title>
				<form-key-value-row :keystr="key" :valuestr="detailModel.baseInfo.data[key]"
					v-for="(key,idx) in Object.keys(detailModel.baseInfo.data)" :key="idx"
					:valuestyle="idx == 1 ? {'color':'#ff0000'}:{}"></form-key-value-row>
			</view>

			<!-- line -->
			<view style="height: 12px;background-color: #F1F1F1;" />
			<view style="padding: 12px;background-color: #FFFFFF">
				<form-title title="SOR" show_line="1"></form-title>
				<!-- leason 1 -->
					<view style="padding: 12px;background-color: #FFFFFF;">
						<text style="font-size: 14px;color: #007AFF;font-weight: bold;">SOR</text>
						<form-key-value-row keystr="测试标题" valuestr="测试数据"
							v-for="idx in 5" :key="idx"></form-key-value-row>
					</view>
					<!-- leason 2 -->
					<view style="padding: 12px;background-color: #FFFFFF;">
						<text style="font-size: 14px;color: #007AFF;font-weight: bold;">SOR</text>
						<form-key-value-row keystr="测试标题" valuestr="测试数据"
							v-for="idx in 5" :key="idx"></form-key-value-row>
					</view>
			</view>
		</view>





	</view>
</template>

<script>
	export default {

		data() {
			return {
				"detailModel": {
					"baseInfo": {
						"style": "00",
						"title": "基础资料",
						"data": {
							"学校编号": "1654687",
							"跟进进度": "1111",
							"负责人": "222",
							"创建人": "333",
							"创建时间创建时间创建时间创建时间": "444",
						}
					},




				}
			}
		},
		computed: {
			list() {
				let arr = []
				arr = Object.values(this.detailModel)
				return arr;
			}
		},
		methods: {
			popBack() {
				uni.navigateBack({

				})
			}
		}
	}
</script>

<style scoped>
	.page {
		flex: 1;
		display: flex;
		flex-direction: column;
		background-color: #f4f5f7;
	}
</style>
